<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>视频会员优惠</title>
  <link rel="stylesheet" href="css/style.min.css">
</head>

<body>
<div id="app" style="background: #fff;" v-clock>
  <h1 class="page_tt">视频会员</h1>
  <div class="video_list">
    <img src="image/uku.png" class="video_item1" @click="productCode=1">
    <img src="image/iqiyi.png" class="video_item2" @click="productCode=2">
    <img src="image/yangsp.png" class="video_item3" @click="productCode=3">
  </div>
  <div class="block2">
    <div :class="`sanjiao sanjiao_staus${productCode}`"></div>
    <div class="input-outer">
      <input type="text" autocomplete="off" class="input" :placeholder="placehodlerText" v-model="account" />
    </div>
    <img src="image/vvip_card_bg.png" class="card_img">
  </div>
  <div class="block2">
    <div class="flex_row">
      使用黄金会员抵扣券
      <div class="checkIcon">✔</div>
    </div>
  </div>
  <div class="btn2_block" @click="handlePay(2)">确认协议并支付</div>
  <div class="rule_row">
    <div :class="isChecked?'checkIcon':'uncheckIcon'" @click="isChecked = !isChecked">✔</div>
    开通前请阅读<a class="link" href="">会员协议</a>
  </div>
  <div class="block2">
    <div class="black_tt">充值说明</div>
    <div class="gray_text">1、充值前需确定绑定的手机号是否与活动登记手 机号一致。</div>
    <div class="gray_text">2、购买成功后,使用登记的手机号登陆对应的视频 平台充值会员,即可用券抵扣。 频平台充值会员，即可用券抵扣。</div>
    <div class="gray_text">3、充值门槛：单笔充值可使用1次12元充值券。</div>
  </div>
  <div class="footer"></div>
  <div class="hide" v-html="htmlDom"></div>
</div>
</body>
<script src="js/vue@2.js"></script>
<script src="js/utils.min.js"></script>
<script src="js/config.js"></script>
<script src="js/main.min.js"></script>

</html>